<template>
    <div class="exprssSelectBox">
        <group >
            <radio :options="radio001" v-model="radio001Value" @click.native="showPlugin"></radio>
            
        </group>
        
    </div>  
</template>
<script>
    import { Radio, Group,XButton ,Confirm} from 'vux'
    export default {
        data(){
            return{
                 radio002: [ 'China', 'Japan' ],
                 radio001Value:'',
                 radio001: [
                     {
                        icon: 'http://dn-placeholder.qbox.me/110x110/FF2D55/000',
                        key: '001',
                        value: '申通快递中心'
                    }, 
                    {
                        icon: 'http://dn-placeholder.qbox.me/110x110/FF2D55/000',
                        key: '002',
                        value: '圆通快递中心'
                    },
                    {
                        icon: 'http://dn-placeholder.qbox.me/110x110/FF2D55/000',
                        key: '003',
                        value: '熊猫快递中心'
                    }
                ]
            }
        },
        methods:{
            showPlugin () {
                var _this = this;
                this.$vux.confirm.show({
                    // title: 'Title',
                    content: '确认选择',
                    onShow () {
                        console.log('plugin show')
                        },
                        onHide () {
                        console.log('plugin hide')
                        },
                        onCancel () {
                        console.log('plugin cancel')
                        },
                        onConfirm () {
                            console.log(_this.radio001Value)
                            _this.$router.go('-1')
                        }
                    })
            }
        },
        components:{
            Radio,
            Group,
            Confirm
        },
    }
</script>
